<div class="easyui-layout" data-options="fit:true,border:false">
	<div data-options="region:'west',border:false" title="" style="overflow: hidden;padding: 10px;">
		<table id="workflowDefinitionList-dg" class="easyui-datagrid" 
		data-options="rownumbers:true,
		animate: true,
		collapsible: true,					
		striped:true,
		border:true,
		//singleSelect:false,
		idField: 'id',
		treeField: 'name',					
		fitColumns: true,
		checkOnSelect:true,
		selectOnCheck:true">
		
		<thead>						
			<tr>				
				<th field="name" width="60" align="center">名称</th>										
			</tr>
		</thead>
		
	</table>
		
	</div>
	
	<div id="tb-workflowDefinitionEdit" style="padding:2px 0">
		<table cellpadding="0" cellspacing="0"> 
			<tr>
				<td style="padding-left:2px">			
					<a href="javascript:void(0);" class="easyui-linkbutton function-btn" iconCls="icon-save" plain="true" >保存</a>					
				</td>
			</tr>
		</table>
	</div>
	<div data-options="region:'center',border:false" title="" style="overflow: hidden;padding: 10px;">
		<table id="workflowTaskConfig-dg" class="easyui-datagrid" 
		data-options="rownumbers:true,
		animate: true,
		collapsible: true,					
		striped:true,
		border:true,
		//singleSelect:false,
		idField: 'id',
		treeField: 'name',					
		fitColumns: true,
		checkOnSelect:true,
		selectOnCheck:true,
		toolbar:'#tb-workflowDefinitionEdit'">
		
		<thead>						
			<tr>
				<th field="ck" checkbox="true" ></th>
				<th field="id" width="60" align="center">id</th>
				<th field="procDefinitionName" width="60" align="center">流程名称</th>
				<th field="activityName" width="60" align="center">节点名称</th>
				<th field="activityConfig" width="100" align="center">流程配置</th>
				<th field="comment" width="60" align="center">备注信息</th>										
			</tr>
		</thead>
		
	</table>
		
	</div>
</div>
<script>

requirejs(['workflowDefinitionEditModule','domReady!'],function(flowEdit,doc){
	flowEdit.init(doc);
});	

</script>